{include file="public/header" /}
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> 量化监控
    <span class="c-gray en">&gt;</span> 策略历史

</nav>

<div class="pd-20">
    <form action="" method="post" class="form form-horizontal" id="form-add">
        <div class="row cl" style="width: 100%">
            <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>统计类型：</label>
            <div class="formControls col-xs-3 col-sm-3">
                <select name="type" class="select">
                    {foreach $types as $v}
                    {if $v == $type}
                    <option value="{$v}" selected>{$v}</option>
                    {else/}
                    <option value="{$v}">{$v}</option>
                    {/if}

                    {/foreach}
                </select>
            </div>
            <label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>策略名称：</label>
            <div class="formControls col-xs-3 col-sm-3">
                <select name="cenue" class="select">
                    {foreach $cenues as $v}
                    {if $v == $cenue}
                    <option value="{$v}" selected>{$v}</option>
                    {else/}
                    <option value="{$v}">{$v}</option>
                    {/if}
                    {/foreach}
                </select>
            </div>
            <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
        </div>

    </form>
    <div class="row cl" style="width: 100%;text-align: center;margin-top: 40px;margin-bottom: 10px">
            {$test}
    </div>
    <div id="tab_demo" class="HuiTab">
        <div id="today" style="width: 100vw; height: 400px;"></div>
    </div>
</div>
{include file="public/footer" /}
<script>


    todayChart();
  function todayChart() {
      var myChart = echarts.init(document.getElementById('today'));
      // var base = +new Date(1968, 9, 3);
      // var oneDay = 24 * 3600 * 1000;
      var date = [];
      //
      var data = [Math.random() * 300];
      //
      // for (var i = 1; i < 20000; i++) {
      //     var now = new Date(base += oneDay);
      //     date.push([now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'));
      //     data.push(Math.round((Math.random() - 0.5) * 20 + data[i - 1]));
      // }
      var date = <?php echo json_encode($date) ?>;
      var data = <?php echo json_encode($data) ?>;

      var option = {
          tooltip: {
              trigger: 'axis',
              position: function (pt) {
                  return [pt[0], '10%'];
              }
          },
          title: {
              left: 'center',
              text: '{$cenue} - {$type} 图',
          },
          toolbox: {
              feature: {
                  dataZoom: {
                      yAxisIndex: 'none'
                  },
                  restore: {},
                  saveAsImage: {}
              }
          },
          xAxis: {
              type: 'category',
              boundaryGap: false,
              data: date
          },
          yAxis: {
              type: 'value',
              boundaryGap: [0, '100%'],
              min:{$yAxis["min"]},
              max:{$yAxis["max"]},
          },
          dataZoom: [{
              type: 'inside',
              start: 0,
              end: 100
          }, {
              start: 0,
              end: 10,
              handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
              handleSize: '80%',
              handleStyle: {
                  color: '#fff',
                  shadowBlur: 3,
                  shadowColor: 'rgba(0, 0, 0, 0.6)',
                  shadowOffsetX: 2,
                  shadowOffsetY: 2
              }
          }],
          series: [
              {
                  name: '总资产',
                  type: 'line',
                  smooth: true,
                  symbol: 'none',
                  sampling: 'average',
                  itemStyle: {
                      color: 'rgb(255, 70, 131)'
                  },
                  areaStyle: {
                      color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                          offset: 0,
                          color: 'rgb(255, 158, 68)'
                      }, {
                          offset: 1,
                          color: 'rgb(255, 70, 131)'
                      }])
                  },
                  data: data
              }
          ]
      };


      // 使用刚指定的配置项和数据显示图表
      myChart.setOption(option);
  }
</script>